<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>CodePen - Super-flower-css-super-thing.</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
<link rel="stylesheet" th:href="@{/api/user/css/style.css}">

</head>
<body>
<!-- partial:index.partial.html -->
<div class='flower flower-0'><span></span></div>
<div class='flower flower-1'><span></span></div>
<div class='flower flower-2'><span></span></div>
<div class='flower flower-3'><span></span></div>
<div class='flower flower-4'><span></span></div>
<div class='flower flower-5'><span></span></div>
<div class='flower flower-6'><span></span></div>
<div class="error-page">
  <div>
    <!--h1(data-h1='400') 400-->
    <!--p(data-p='BAD REQUEST') BAD REQUEST-->
    <!--h1(data-h1='401') 401-->
    <!--p(data-p='UNAUTHORIZED') UNAUTHORIZED-->
    <!--h1(data-h1='403') 403-->
    <!--p(data-p='FORBIDDEN') FORBIDDEN-->
<!--    <h1 data-h1="404">404</h1>-->
<!--    <p data-p="NOT FOUND">NOT FOUND</p>-->
    <!--h1(data-h1='500') 500-->
    <!--p(data-p='SERVER ERROR') SERVER ERROR-->
    <h1 data-h1="登录">登录</h1>
    <p data-p="登录可获取更多内容">登录可获取更多内容</p>
  </div>
</div>
<div id="particles-js"></div>
<!--a(href="#").back GO BACK-->
<!-- partial -->
<!-- partial -->
  <script  th:src="@{/api/user/js/script.js}"></script>
</body>
<script type="text/javascript">
  onload=function(){
    setInterval(go, 1000);
  };
  var x=5; //利用了全局变量来执行
  function go(){
    x--;
    if(x>0){
      document.getElementById("sp").innerHTML=x;  //每次设置的x的值都不一样了。
    }else{
      location.href='http://localhost:88/api/user/login';
    }
  }
</script>
</html>
